/* http://www.colorcombos.com/color-scheme-18.html */
body {
    background: #84002E;
    color: #333;
    font-size: 100%;
    font-family: Arial,
                 Helvetica,
                 "Lucida Sans",
                 sans-serif;
    line-height: 1.5;
}

.page {
    background: #fff;
    overflow: hidden;
    padding: 4px;
    min-width: 232px;
    width: auto;
}

.head {
    position: relative;
    overflow: hidden;
}

.body,.main{*zoom:1;}
.body:after,.main:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}


p, span {
    font-family: Georgia,
                 "Times New Roman",
                 Times,
                 serif;
}

strong {
    font-weight: bolder;
}

h1 a, h2 a, h3 a {
    color: #333;
    text-decoration: none;
}

h1 {
    font-size: 1.4em;
    margin-top: 0.2em;

}

h2 {
    font-size: 1.2em;
    margin-bottom: 0.5em;
    margin-top: 0.2em;
}

h3 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0.5em;
    margin-top: 0.2em;
}

.modNavigation {
    margin: 10px 0;
}

.modNavigation .bd ul {
    overflow: visible;
}

.modNavigation li {
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
}

.qypeStatus {

}

label {
    display: block;
}

.new_place input,
.placeSearch input[type=submit],
.placeSearch input[type=text] {
    display: block;
    height: 30px;
    margin:2px 0 4px;
}

.placeSearch input[type=submit],
.placeSearch input[type=text] {
    font-size: 1em;
}

.placeSearch input[type=submit] {
    height:30px;
    margin:2px 0 4px;
    width: 95%;
}

.new_place input[type=text],
.placeSearch input[type=text] {
    width: 95%;
}

input, option, select, textarea {
    font-size: 12px;

}

input[type="text"], select, textarea {
    padding: 3px;
}

textarea {
    width: 232px
}

.button {
    background: #33ccff;
    border: solid 3px #33ccff;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    color: #fff;
    display: block;
    float:left;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    text-decoration: none !important;
}

.button:hover {
    background-color: #3399cc;
    border-color: #3399cc
}

.buttonWarning, .buttonLogout {
    color: #fff !important;
    background-color: #ff9999;
    border-color: #ff9999;
}

.buttonWarning:hover , .buttonLogout:hover {
    color: #fff !important;
    background-color: #cc6666;
    border-color: #cc6666;
}

.buttonOk, .buttonLogin {
    color: #fff !important;
    background-color: #66cc66;
    border-color: #66cc66;
}

.buttonOk:hover, .buttonLogin:hover {
    color: #fff !important;
    background-color: #339966;
    border-color: #339966;
}

.buttonTag {
    color: #fff !important;
    background-color: #ff9966;
    border-color: #ff9966;
}

.buttonTag:hover {
    background-color: #ff9966;
    border-color: #ff9966;     
}

.buttonDisabled, .buttonDisabled:hover {
    cursor: pointer;
    background-color: #ccc;
    border-color: #ccc; 
}

.buttonFullWidth {
    width: 95% !important;
}

.modLogo {
    margin: 0;
}

.foot {
    border-top: solid 1px #333;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    padding-top: 10px;
}

.foot a {
    color: #33CCFF;
}

.fieldWithErrors input {
    border: solid 1px red;
}

.fieldWithErrors label {
    color: red;
    font-weight: bold;
}

/* See http://www.jankoatwarpspeed.com/post/2008/05/22/CSS-Message-Boxes-for-different-message-types.aspx */
.errorExplanation {

    border: 1px solid;
    margin: 10px 0;
    padding:15px 10px;
}

.errorExplanation h2 {
    margin-top: 0;
}

.errorExplanation {
    color: #D8000C;
    background-color: #FFBABA;    
}

.phoneMenu > li {
    border: solid 1px #ccc;
    border-width: 1px 0 0 0;
    cursor: pointer;
    padding: 3px 0;
}

.phoneMenu > li:hover {
    background: #eee;    
}

.phoneMenu > li > a {
    color: #333;
    text-decoration: none;
}

.rating_bar {
  width: 55px;
  background: url(/images/star_x_grey.gif) 0 0 repeat-x;
}

.rating_bar div {
  height: 12px;
  background: url(/images/star_x_orange.gif) 0 0 repeat-x;
}

ul.inlineMenu > li {
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
}

ul.reviews > li {
    background: #99ccff;
    margin: 5px 2px;
    border: solid 3px #99ccff;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.review .created,
.review .updated,
.review .review_tags li{
    font-size: 12px;
    font-weight: bold;
}

.review .tags {
    overflow: hidden;
}

.review .review_tags li {
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
}

.hidden {
    display: none !important;
}

#map {
    height: 150px;
    margin-bottom: 3px;
}

.input_checkbox input {
    float:left;
    margin-right:4px;
    margin-top:4px;
}